<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns:th="http://www.thymeleaf.org" th:with="title='布局设置'">
<head th:replace="common/head :: common_header(~{::link},~{::script})">

    <link type="text/css" rel="stylesheet" th:href="@{/web/user/setting.css}"/>
    <script type="text/javascript" th:src="@{/web/user/setting.js}"></script>
    <link type="text/css" rel="stylesheet" th:href="@{/web/user/layout.css}"/>
    <script type="text/javascript" th:src="@{/web/user/layout.js}"></script>

</head>
<body >
<div th:replace="common/out"></div>
<div id="topBox">
    <div th:replace="common/top"></div>
</div>

<div id="markerBox">
    <i class="fa fa-map-marker"   aria-hidden="true"></i>
    <span><a th:href="@{/home.do}">首页</a></span>
    <span>	&gt;</span>
    <span id="endMarker"></span>
</div>

<div id="layoutBox">

    <div  id="west"  class="ui-layout-west" style="padding:10px;">
        <div th:replace="user/settingLeft"></div>
    </div>
    <div id="center" class="ui-layout-center" style="padding: 10px;" >

         <div class=" settings-title b-title-b " style="text-align:center;color:#555;">
              <span>布局设置</span>
              <button class="button-sm button-primary " type="button" style="float:right;margin-top: 10px;" onclick="saveLayout()">保存</button>
         </div>

        <div class="box" id="zxlxbox" >
            <div class="title-box">
                <span class="b-title-s">展现模式：</span>
                <label class="title-s">功能模式<input type="radio" value="1" name="zxlx" ></label>&nbsp;&nbsp;&nbsp;
                <label class="title-s">图表模式<input type="radio" value="2" name="zxlx"></label>&nbsp;&nbsp;&nbsp;
                <label class="title-s">混合模式<input type="radio" value="3" name="zxlx" ></label>&nbsp;
            </div>
        </div>

        <div class="box" id="scjbox" style="display: none;border:0;">
            <table width="100%">
                <tr>
                    <td width="66%" style="padding-right: 10px;">
                        <div class="index-frame index-menu" style="margin-bottom: 0px;" >
                            <div class="right-tab">
                                <div class="tab-one active" data-tab="wdxx">推荐功能</div>
                                <div class="tab-one" data-tab="wybs">我的收藏</div>
                            </div>
                            <div class="tab-button-group" id="wdxx" style="display: block; text-align: center; ">
                                 <span style="margin: 120px auto;display:inline-block;" class="b-title-fz1">推荐功能</span>
                            </div>
                            <div class="tab-button-group" id="wybs" style="display: none; text-align: center;">
                                 <span style="margin: 120px auto; display:inline-block;" class="b-title-fz1">我的收藏</span>
                            </div>
                        </div>
                    </td>
                    <td width="33%">
                        <div style="height:312px;border:1px solid #D6D8DC;padding: 10px;text-align: center;" >
                           <span style="margin: 120px auto;display: inline-block;" class="b-title-fz1">查询历史</span>
                        </div>
                    </td>
                </tr>
            </table>
        </div>

        <div class="box" id="tbxxbox" style="display: none;background: none" >
            <div class="title-box" style="background:#FFFFFF;border-bottom: 1px solid #ddd; ">
                <span class="b-title-s">图表：</span>
                <label class="title-s">选择展现模板：
                    <select id="mbSelect" onchange="initBjTable();" class="form-control" style="width: auto;display: inline">

                    </select>
                </label>
            </div>
            <div id="bjMain" >

            </div>
        </div>

    </div>

</div>



<!--社会信用代码模态框-->
<div class="modal fade" id="collectModal">
    <div class="modal-dialog" style="margin-top: 80px;width:800px;">
        <div class="modal-content">
            <!-- 模态框头部 -->
            <div class="modal-header">
                <h3 class="modal-title" style="display: inline-block;">选择图表应用</h3>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <!-- 模态框主体 -->
            <div class="modal-body">
                <iframe id="modal-iframe" style="width:100%;height:494px;" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>

<input id="zxdata" type="hidden" th:value="${zxData}" />
<input id="mbList" type="hidden" th:value="${mbList}"  />
<input id="sjcGnList" type="hidden" th:value="${sjcGnList}"  />

</body>
</html>